<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人力资源</title>
    <link rel="stylesheet" href="css/slide_card.css">
    <script>
        function goBottom() {/* 向下跳转*/
            window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);
        }
    </script>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style_top.css">
    <link rel="stylesheet" href="css/style_nav.css">
    <link rel="stylesheet" href="css/style_about.css">
<!--    <link rel="stylesheet" href="css/style_news.css">-->
<!--    <link rel="stylesheet" href="css/style_mien.css">-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="./css/style_source.css">
    <link rel="stylesheet" href="./css/about02.css">
    <style>
        [v-clock]{
            display: none;
        }
    </style>

</head>

<body style="background: black">
<div class="all">
    <div class="top" style="height: 140px">
        <!--导航栏-->
        <div class="top_bar">
            <span><img src="img/LOGO2.png" width="240" height="60" alt="云端工作室"></span>
            <ul class="nav" style="font-size: 16px">
                <li><a href="index.html">首　页</a></li>
                <li><a href="gzsbk.html">工作室板块</a></li>
                <li><a href="news.html">新闻中心</a></li>
                <li><a class="on" href="#" style="color: #67b803;">人力资源</a></li>
                <li><a href="study.html">学习板块</a></li>
                <li><a href="javascript:void(0)" onclick="goBottom()">联系我们</a></li>
            </ul>
        </div>
</div>

    <div class="one_photo">
        <video id="video_back02" src="video/夕阳.mp4" width="1905px" height="350px" loop autoplay></video>
        <div class="text02">唯有梦想不可辜负</div>
    </div>

    <!-- 内容 -->
                <div class="bodyCon08" style="top:10px">
                    <div class="students">
                        <div id="four_flash" style="display: flex">
                            <div class="flashBg">
                                <ul class="mobile" id="students" v-clock>
                                    <li v-for="item in student" :key="item.id">
                                        <img :src="item.avatar"/>
                                        <dd>{{item.name}}</dd>
                                        <p>{{item.level}}级</p>
                                        <p>{{item.tag}}<br/>{{item.ability.split(",",2)[0]}}<br/>{{item.ability.split(",",2)[1]}}</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="but_left"><img src="https://note.youdao.com/yws/api/personal/file/WEB0092e21705d3753730331a466d37caac?method=download&shareKey=eab87a8b0ec5e2bcb6275a335213c915" /></div>
                            <div class="but_right"><img src="https://note.youdao.com/yws/api/personal/file/WEB38469df43948260182e5a0a72dca5c7f?method=download&shareKey=0c47103a272d2a9b1b8b30f32695d131" /></div>
                        </div>
                    </div>
                </div>

    <!--置顶按钮-->
    <div class="bottom-bar-item" style="float:right;">
        <a href="#"><img src="img/up_arrow1.png" alt="" style="padding: 7px;"></a>
    </div>
    <!--联系我们-->
    <div class="blackscreen1">
        <div class="blackscreen2">
            <ul class="item2" style="padding-left: 100px;width: 320px;">
                <a class="bottom_title" style="font-size: 23px;padding-right:20px;color: #FFFFFF;"><br>上级部门</a><br>
                <a href="http://www.gogotoo.net/" target="_blank">云端科技有限公司</a><br>
                <a>招生就业处</a>
            </ul>
            <ul class="item1">
                <a class="bottom_title" style="font-size: 23px;color: #FFFFFF;padding-left: 70px;"><br>关于</a><br>
                <a href="study.html">学习板块</a><br>
                <a href="competition.html">比赛项目</a><br>
                <a href="news.html">新闻中心</a><br>
                <a href="human_resources.html">人力资源</a><br>
            </ul>
            <div style="float: left;padding-top:75px">
                <img src="img/LOGO2.png" style="width: 360px;height: 100px;padding-right: 0px">
            </div>
            <ul class="item3" style="padding-left: 65px; width: 256px;">
                <a class="bottom_title" style="font-size: 23px;color: #FFFFFF;"><br>联系我们</a><br>
                <a>QQ:1352834940</a><br>
                <a>邮箱:1352834940@qq.com</a><br>
                <a>微信:hy15180043828</a><br>
                <a>电话:15180043828</a><br>
            </ul>
            <ul class="item4" style="padding-left: 60px; width: 225px;">
                <a class="bottom_title" style="font-size: 23px;color: #FFFFFF;"><br>友好社团</a><br>
                <a>爱心公益协会</a><br>
                <a>鸣鹿工作室</a><br>
                <a>巅峰之家</a><br>
                <a>南昌工程学院军官教导团</a><br>
            </ul>
        </div>
    </div>


</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"> </script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script type="text/javascript" src="js/about.js"></script>
<script type="text/javascript" src="js/name.js"></script>
<script src="js/slide_card.js"></script>
<script>
    const students = new Vue({
        el:"#students",
        data:{
            student:[],
            },
        methods: {},
        // $(function() {
        //     $('.menus3 li').each(function() {
        //         $('.menus3 li').mouseover(function() {
        //             var index = $(this).index();
        //             console.log(index)
        //             $('.menus3 .bg').css('left', (index - 1) * 150 + 'px');
        //             $('.menus3 li').css('color', '#fff');
        //             $(this).css('color', '#fff');
        //             $('.tab2').removeClass('show')
        //             $('.tab2').eq(index - 1).addClass('show')
        //         });
        //     })
        // })
        created:function() {
            axios.get("/getAllMembers").then(res => {
                console.log(res.data);
                this.student = res.data.data;
            }).catch(e => {
                console.log(e);
            })
            // axios.post({
            //     url:"http://localhost/getAllMembers",
            //     data: {
            //         level:{
            //
            //         }
            //     }
            // }).then(res=>{
            //
            // })


        }
    }
    );
</script>
</body>
</html>